<script setup>
import { ref, inject, onMounted, reactive } from 'vue'
import District from '@/utils/district'

const props = defineProps({
  zoom: { type: Number, default: 11 },
})
const containerRef = ref()

onMounted(() => {
  new District(containerRef.value, {
    zoom: props.zoom,
  })
})
</script>

<template>
  <div ref="containerRef" class="container"></div>
</template>

<style lang="scss" scoped>
.container {
  width: 100%;
  height: 100%;
  position: relative;
  background: none !important;
}
</style>
<style lang="scss"></style>
